// ==UserScript==
// @name         调整 hf-mirror.com 布局避免模型名遮挡
// @namespace    http://tampermonkey.net/
// @version      0.4
// @description  修改包含特定类名元素的尺寸并优化布局
// @author       你的名字（由豆包、千问联合生成）
// @match        https://hf-mirror.com/*/tree/main
// @grant        none
// ==/UserScript==

(function () {
    'use strict';

    console.log("用户脚本已加载");

    window.addEventListener('load', function () {
        console.log("页面已完全加载，开始应用样式...");

        try {
            // 创建一个样式元素
            const style = document.createElement('style');
            style.textContent = `
                /* 第一个div元素 */
                div.col-span-8.flex.items-center.md\\:col-span-4 {
                    width: 60%;  /* 根据需要调整宽度 */
                    max-width: 800px;
                    flex-grow: 1;  /* 确保元素能够扩展 */
                    margin-right: 20px;  /* 添加一些间距以防止重叠 */
                }

                /* 其他三个元素 */
                a.group.col-span-4.flex.items-center.justify-self-end.truncate.text-right.font-mono.text-[0.8rem].leading-6.text-gray-400.md\\:col-span-3.lg\\:col-span-2.xl\\:pr-10,
                a.col-span-4.hidden.items-center.font-mono.text-sm.text-gray-400.hover\\:underline.md\\:col-span-3.md\\:flex.lg\\:col-span-4,
                a.col-span-2.hidden.truncate.text-right.text-gray-400.md\\:block {
                    width: 15%;  /* 根据需要调整宽度 */
                    max-width: 200px;
                    flex-grow: 1;  /* 确保元素能够扩展 */
                    margin-left: 10px;  /* 添加一些间距以防止重叠 */
                }

                /* 如果需要进一步调整布局，可以在这里添加更多的样式 */
                li.relative.grid.h-10.grid-cols-12.place-content-center.gap-x-3.border-t.px-3.dark\\:border-gray-800 {
                    display: flex;
                    justify-content: space-between;  /* 使用弹性布局来分配空间 */
                    align-items: center;  /* 垂直居中对齐 */
                }
            `;
            document.head.appendChild(style);
            console.log("样式已成功应用到页面。");
        } catch (e) {
            console.error("脚本执行过程中发生错误:", e);
        }
    }, false);
})();